<template>
  <div>
    <div class="top">
      <van-nav-bar
        title="个人信息"
        left-text="返回"
        right-text=""
        left-arrow
        @click-left="() => this.$router.go(-1)"
      />
    </div>

    <div class="my">
      <img :src="require('@/assets/logo.png')" />
      <div>
        <span>那个谁</span>
      </div>
    </div>

    <van-form>
      <van-field label="所属街道">
        <template #input>
          <div>代地街道</div>
        </template>
      </van-field>
      <van-field label="用户类型">
        <template #input>
          <div>物业</div>
        </template>
      </van-field>
      <van-field label="名称">
        <template #input>
          <div>斯柯达有限公司</div>
        </template>
      </van-field>
      <van-field label="服务小区">
        <template #input>
          <div>嘉定区</div>
        </template>
      </van-field>
      <van-field label="姓名">
        <template #input>
          <div>哪个谁</div>
        </template>
      </van-field>
      <van-field label="联系电话">
        <template #input>
          <div>176238349349</div>
        </template>
      </van-field>
      <van-field label="地址">
        <template #input>
          <div>嘉定区</div>
        </template>
      </van-field>
      <div style="margin: 16px;">
        <van-button block type="primary" native-type="submit">
          解除绑定
        </van-button>
      </div>
      <div style="margin: 16px;">
        <van-button block type="primary" @click="() => this.$router.go(-1)">
          返回
        </van-button>
      </div>
    </van-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [
        "大型户外广告",
        "高炮",
        "看板",
        "企业指示板",
        "工地围挡",
        "店招标牌",
        "其他",
      ],
      loading: false,
      finish: true,
      search1: "",
      value: "",
      value1: "",
      showcell: false,
    };
  },
  watch: {
    value: function(val) {
      this.$emit("transferdata", val);
    }, //监听并传值给父组件
  },
  methods: {
    onchange1() {
      console.log(this.value, "change");
    },
    // focusfield(){this.showcell=true},
    // blurfield(){this.showcell=false},
    clickright() {
      this.showcell = !this.showcell;
      //  this.value='';
      console.log("d", "d");
    },
    clickcell(item) {
      this.value = item;
      this.showcell = false;
      console.log(this.value, "ss");
    },
  },
};
</script>
<style lang="scss" scoped>
.my {
  text-align: center;
  padding: 1rem;
  img {
    width: 70px;
    height: 70px;
  }
}
</style>
